<!DOCTYPE html>
<html lang="en">
<head>
    <title>Convert PSD to HTML &amp; CSS - W3 Markup</title>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="description"
          content="W3 Markup takes your PSD files and converts them into quality, pixel-perfect HTML / CSS code.">
    <link rel="icon" href="/static/cache/images/favicon.png" type="image/png"/>
    <link rel="canonical" href="index.html"/>


    {css href="/static/themes/coaster2016/css/all-v18.css"}

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,300,600,700" rel="stylesheet" type="text/css">
    <!-- Bootstrap core CSS -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700,700italic,800,800italic"
          rel="stylesheet" type="text/css">

    {css href="/static/themes/coaster2016/css/bootstrap.css"}

    {css href="/static/themes/coaster2016/css/style.css"}
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


    {js href="/static/themes/coaster2016/js/mootools-all-v18.js"}

    {js href="/static/themes/coaster2016/js/main-all-v18.js"}

    <!--[if lt IE 9]>
    <script type="text/javascript" src="themes/coaster2016//js/ie-all.js?v18"></script>
    <![endif]-->

    <style>
        .alink{
            font-family: Jura;
            background: navajowhite;
            font-size: 20px;
            text-decoration: none!important;
            padding:15px;

        }
    </style>

</head>
<body class="home">
<noscript>
    <div>Javascript must be enabled for the correct page display
    </div>
</noscript>
<!-- Google Tag Manager -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KK4GPQ"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>


<script>(function (w, d, s, l, i) {
    w[l] = w[l] || [];
    w[l].push({
        'gtm.start': new Date().getTime(), event: 'gtm.js'
    });
    var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
    j.async = true;
    j.src =
            '//www.googletagmanager.com/gtm.js?id=' + i + dl;
    f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KK4GPQ');</script>
<!-- End Google Tag Manager -->


<div id="wrapper">
    <ul class="skip-navigation">
        <li><a accesskey="s" href="index.html#main">Skip to Content</a></li>
        <li><a accesskey="1" href="index.html">Home page</a></li>
        <li><a accesskey="5" href="faq.html">Frequently Asked Questions</a></li>
        <li><a accesskey="8" href="privacy.html">Terms and Privacy</a></li>
        <li><a accesskey="9" href="contact.html">Contact Us</a></li>
    </ul>
    <img class="logo-print" height="30" width="156" alt="W3 Markup"
         src="/static/uploads/images/logo-print.png">
    <header id="header" role="banner">
        <div class="header-holder vcard">
            <h1 class="logo fn org">
                <a class="url" href="index.html">W3 Markup</a>
            </h1>
            <dl class="tel">
                <dt class="type">Work</dt>
                <dd class="value">(877) 721 8040</dd>
            </dl>
        </div>
    </header>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                        aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">菜单</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="index.html">
                    <img src="/static/cache/uploads/images/coaster2016/logo_example-_x60-token=7bc986de088015aba4f4e46672fa596b.png"
                         title="logo example" alt="logo example"></a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">

                    <li class="active">
                        <a href="blog.html">博客</a>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>
{__CONTENT__}
</body>

</html>
